body {
    margin: 0;
    padding: 0;
    zoom: 1;
    overflow: auto;
}

article {
    position: relative;
}

body {
    background-color: #F5F7F6;
}


/*home-page.html*/

.home {
    width: 100%;
    background: white;
    padding-top: .3rem;
    .home_sel {
        position: relative;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        height: .6rem;
        border: 1px solid #E6E6E6;
        border-radius: .08rem;
        width: 92%;
        margin-left: 4%;
        line-height: .6rem;
        border-right: none;
        margin-bottom: .3rem;
        input {
            width: 79%;
            border: none;
            text-indent: .7rem;
            font-family: PingFangSC-Regular;
            font-size: .28rem;
            margin: 0;
            padding: 0;
            height: .55rem;
        }
        span {
            position: absolute;
            display: inline-block;
            left: .2rem;
            top: 0;
            line-height: .6rem;
            font-size: .28rem;
            color: #999999;
        }
        div {
            width: 21%;
            display: inline-block;
            background: #FF4B31;
            border-radius: .08rem;
            font-family: PingFangSC-Regular;
            font-size: .28rem;
            color: #FFFFFF;
            text-align: center;
        }
    }
    .home_img {
        width: 100%;
    }
    .home_active {
        display: flex;
        display: -webkit-flex;
        padding: .3rem;
        position: relative;
        overflow: hidden;
        .active_title {
            width: 1rem;
            font-size: .4rem;
            text-align: center;
            color: #FF4B31;
            margin-right: .2rem;
            line-height: 1;
        }
        .active_box {
            position: absolute;
            top: 0;
            left: 1.3rem;
            overflow: hidden;
            font-family: PingFangSC-Medium;
            font-size: .3rem;
            color: #333333;
            letter-spacing: 0;
            line-height: .36rem;
            margin-left: .3rem;
            .active_list {
                height: .8rem;
                margin: .3rem;
            }
        }
    }
}

.home_icon {
    margin: .6rem .4rem;
    .home_icon_small {
        text-align: center;
        img {
            width: 1rem;
            height: 1rem;
        }
        div {
            font-family: PingFangSC-Regular;
            font-size: .24rem;
            color: #333333;
            margin-top: .2rem;
        }
    }
}


/*index.html*/

.bg {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -100;
}

.logo {
    padding-top: 1.16rem;
    width: 100%;
    text-align: center;
    font-size: 0;
    img {
        width: 2.16rem;
    }
    div:nth-of-type(1) {
        font-family: PingFangSC-Semibold;
        font-size: .4rem;
        color: #000000;
    }
    div:nth-of-type(2) {
        font-size: .28rem;
        color: #666666;
    }
}

.login_style {
    width: 6.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.4rem;
    div {
        height: 1rem;
        text-align: center;
        border: 1px solid #C81528;
        line-height: 1rem;
        margin-bottom: .5rem;
        img {
            width: .36rem;
            height: .32rem;
            vertical-align: middle;
        }
        span {
            font-size: .32rem;
            color: #C81528;
            padding-left: .2rem;
            vertical-align: middle;
        }
    }
    div:nth-of-type(1) {
        background-color: #C81528;
        span {
            color: #FFFFFF;
        }
    }
}


/*login.html*/

.login {
    width: 6.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.66rem;
    position: relative;
    div {
        margin-bottom: .4rem;
        position: relative;
    }
    span {
        width: 1rem;
        height: 1rem;
        font-size: .3rem;
        color: #D9D9D9;
        position: absolute;
        display: block;
        line-height: 1rem;
        text-align: center;
        top: 0;
        left: 0;
    }
    input {
        width: 100%;
        height: 1rem;
        width: 100%;
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        text-indent: .8rem;
        line-height: 1rem;
        font-size: .26rem;
        margin: 0;
        padding: 0;
    }
     ::-webkit-input-placeholder {
        color: #c1c1c1;
        font-size: .26rem;
        font-weight: 300;
    }
     ::-ms-input-placeholder {
        color: #c1c1c1;
        font-size: .26rem;
        font-weight: 300;
    }
    .code {
        border: none;
        p {
            float: right;
            width: 2.32rem;
            height: 1rem;
            img {
                width: 2.32rem;
                height: 1rem;
            }
        }
        input {
            float: left;
            width: 3.88rem;
            height: 1rem;
            border: 1px solid #e2e2e2;
            text-indent: .4rem;
        }
    }
    .sub {
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        background-color: #DEDEDE;
        border: none;
        font-size: .32rem;
        color: white;
        border-radius: 2px;
        margin-top: .4rem;
        text-align: center;
        cursor: pointer;
        opacity: 1;
    }
}

.tips {
    position: fixed;
    width: 4.08rem;
    background: rgba(0, 0, 0, 0.80);
    border-radius: 2px;
    font-size: .32rem;
    color: #FFFFFF;
    text-align: center;
    padding: .3rem;
    top: 50%;
    left: 50%;
    margin-left: -2.04rem;
    margin-left: -moz-calc(-2.04rem);
    margin-left: -ms-calc(-2.04rem);
    margin-left: -webkit-calc(-2.04rem);
    margin-top: -0.7rem;
    margin-top: -moz-calc(-0.7rem);
    margin-top: -ms-calc(-0.7rem);
    margin-top: -webkit-calc(-0.7rem);
}


/*resiter.html*/

.mobile {
    width: 6.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: .42rem;
    padding-bottom: .5rem;
    .txt {
        font-size: .26rem;
        color: #666666;
        margin-bottom: .1rem;
    }
    input {
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        height: .8rem;
        width: 100%;
        line-height: .8rem;
        margin: 0;
        padding: 0;
        text-indent: .2rem;
        margin-bottom: .3rem;
    }
     ::-webkit-input-placeholder {
        font-size: .26rem;
        color: #CCCCCC;
    }
     ::-ms-input-placeholder {
        font-size: .26rem;
        color: #CCCCCC;
    }
    .m_code,
    .put_code {
        width: 4.24rem;
        float: left;
    }
    .img {
        float: left;
        width: 2.26rem;
        height: .8rem;
        margin: 0;
        padding: 0;
        img {
            width: 2.26rem;
            height: .8rem;
        }
    }
    .btn {
        background: #D9D9D9;
        border-radius: 0 2px 2px 0;
        font-size: .26rem;
        color: #FFFFFF;
        width: 2.26rem;
        height: .8rem;
        text-align: center;
        line-height: .8rem;
    }
    .protocol {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        margin-top: .7rem;
        input {
            width: .28rem;
            height: .28rem;
            background: white;
            margin-bottom: 0;
            margin-right: .2rem;
        }
        span {
            font-size: .28rem;
            color: #666666;
        }
        span:nth-of-type(2) {
            font-size: .28rem;
            color: #C81528;
        }
    }
    .submit {
        background: #DEDEDE;
        border-radius: 2px;
        font-family: MicrosoftYaHei;
        font-size: .32rem;
        color: #FFFFFF;
        letter-spacing: 2px;
        line-height: 1rem;
        width: 100%;
        margin-top: .3rem;
        border: none;
    }
    .select {
        border: none;
        outline: 1px solid #D9D9D9;
        width: 100%;
        height: .8rem;
        background-color: white;
        font-size: .26rem;
        text-indent: .2rem;
        color: #999899;
        -webkit-appearance: none;
        -ms-appearance: none;
        -moz-appearance: none;
        background: url(../img/arrow.png) no-repeat scroll right center white;
        background-size: .6rem;
        margin: 0;
        padding: 0;
    }
     ::-ms-expand {
        display: none;
    }
}


/*全面屏*/

.logo_big {
    padding-top: 2.16rem;
}

.login_style_big {
    margin-top: 4rem;
}

.login_big {
    margin-top: 3rem;
}


/*people.html*/

.p_head {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    width: 100%;
    height: 3rem;
    padding: .3rem;
    background: white;
    background-image: url(../img/people_bg.png);
    background-size: 100% 3rem;
    .headImg {
        position: relative;
        margin-right: .3rem;
        img {
            width: 1.2rem;
            height: 1.2rem;
            border-radius: 50%;
        }
    }
    .name {
        justify-content: space-between;
        width: 100%;
        h3 {
            font-size: .36rem;
            color: #FFFFFF;
            margin-bottom: .08rem;
        }
        p {
            font-size: .26rem;
            color: #FFC9C6;
        }
        .leaguer {
            position: relative;
            img {
                width: 1.5rem;
                height: .3rem;
                margin-top: .32rem;
            }
            span {
                position: absolute;
                top: .33rem;
                left: .34rem;
                font-family: PingFangSC-Regular;
                font-size: .24rem;
                color: #FFFFFF;
                line-height: .3rem;
            }
        }
    }
}

.abroad_depot {
    padding: 0 .3rem;
    position: absolute;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    width: 94%;
    height: .92rem;
    background: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: .2rem;
    top: 2.5rem;
    left: 3%;
    .people_depotImg {
        width: .4rem;
        height: .4rem;
        margin-right: .2rem;
    }
    .abroad_depot_address {
        justify-content: space-between;
        width: 100%;
        font-family: PingFangSC-Regular;
        font-size: .3rem;
        color: #666666;
        letter-spacing: 0;
        line-height: .24rem;
    }
}

.people_user {
    width: 94%;
    margin-left: 3%;
    padding: 0 .3rem;
    margin-top: .7rem;
    background: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: .2rem;
    .userInfo_list {
        text-align: center;
        .userInfo_list1 {
            margin-top: .4rem;
            margin-bottom: .36rem;
            img {
                width: .36rem;
                height: .4rem;
            }
            div:nth-of-type(1) {
                font-family: PingFangSC-Medium;
                font-size: .32rem;
                color: #C81528;
                margin-bottom: .16rem;
            }
            div:nth-of-type(2) {
                font-family: PingFangSC-Regular;
                font-size: .24rem;
                color: #666666;
                letter-spacing: 0;
                line-height: .24rem;
            }
        }
    }
}

.people_package {
    width: 94%;
    margin-left: 3%;
    padding: 0 .3rem;
    margin-top: .3rem;
    background: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: .2rem;
    .people_package_list {
        text-align: center;
        .people_package_list1 {
            position: relative;
            margin-top: .4rem;
            margin-bottom: .36rem;
            img {
                width: .4rem;
                height: .4rem;
            }
            div {
                font-family: PingFangSC-Regular;
                font-size: .24rem;
                margin-top: .24rem;
                color: #666666;
                letter-spacing: 0;
                line-height: .24rem;
            }
            .people_package_num {
                display: none;
                position: absolute;
                background: #C81528;
                border: 0 solid #FFFFFF;
                border-radius: 50%;
                width: .3rem;
                height: .3rem;
                font-family: PingFangSC-Semibold;
                font-size: .18rem;
                color: #FFFFFF;
                letter-spacing: 0;
                line-height: .35rem;
                top: -.32rem;
                left: .5rem;
            }
        }
    }
}

.people_txt {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #333333;
    padding: .2rem 0;
    border-bottom: 1px solid #EDEDED;
}

.people_list {
    width: 94%;
    margin-left: 3%;
    margin-top: .3rem;
    margin-bottom: 2rem;
    a {
        width: 48%;
        .people_list1 {
            width: 100%;
            background: #FFFFFF;
            box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
            border-radius: .2rem;
            padding: .4rem .3rem .32rem .24rem;
            .people_list1_txt {
                font-family: PingFangSC-Medium;
                font-size: .28rem;
                color: #0F80FB;
                letter-spacing: 0;
                line-height: .24rem;
            }
            .people_list1_content {
                width: 100%;
                margin-top: .2rem;
                span {
                    opacity: 0.7;
                    font-family: PingFangSC-Regular;
                    font-size: .24rem;
                    color: #999999;
                    letter-spacing: 0;
                    line-height: .24rem;
                }
                img {
                    width: .36rem;
                    height: .36rem;
                }
            }
        }
    }
}

.right {
    width: .3rem;
    height: .3rem;
}

.list {
    margin-top: .3rem;
    padding-left: .42rem;
    background: white;
    li {
        height: .92rem;
        line-height: .92rem;
        a {
            display: -webkit-flex;
            display: flex;
            justify-content: flex-start;
            -webkit-justify-content: flex-start;
            align-items: center;
            -webkit-align-items: center;
            .pic {
                width: .4rem;
                height: .4rem;
                margin-right: .3rem;
            }
            .skip {
                position: relative;
                padding-right: .3rem;
                border-bottom: 1px solid #EFEFEF;
                ;
                width: 100%;
                .title {
                    font-size: .3rem;
                    color: #000000;
                }
                .p_tips {
                    position: absolute;
                    font-size: .3rem;
                    color: #999999;
                    right: .8rem;
                    bottom: 0;
                    line-height: .92rem;
                }
                .p_num {
                    position: absolute;
                    font-size: .24rem;
                    color: #FFFFFF;
                    letter-spacing: 0;
                    right: .8rem;
                    bottom: .2rem;
                    line-height: .24rem;
                    background-color: #C81528;
                    border-radius: 50%;
                }
            }
        }
    }
}

.tab {
    width: 100%;
    height: 1rem;
    padding: 0 .6rem;
    background: #FFFFFF;
    border-top: 1px solid #E6E6E6;
    position: fixed;
    position: -ms-device-fixed;
    bottom: 0;
    right: 0;
    align-items: center;
    -webkit-align-items: center;
    div {
        text-align: center;
        font-size: 0;
        img {
            width: .36rem;
            height: .36rem;
        }
        p {
            margin-top: .06rem;
            font-size: .22rem;
            color: #B1B3B2;
        }
    }
}


/*people-info.html*/

.p_info {
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    margin-top: .3rem;
    padding: 0 .3rem;
    li {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        height: .92rem;
        line-height: .92rem;
        border-bottom: 1px solid #EDEDED;
        span {
            display: inline-block;
            font-size: .3rem;
            color: #000000;
        }
        span:nth-of-type(1) {
            font-size: .3rem;
            color: #000000;
        }
        span:nth-of-type(2) {
            text-align: right;
        }
        input {
            font-size: .3rem;
            color: #000000;
            width: 5.3rem;
            height: 100%;
            text-align: right;
            border: none;
            margin: 0;
            padding: 0;
        }
         ::-webkit-input-placeholder {
            font-size: .3rem;
            color: #CCCCCC;
        }
         ::-ms-input-placeholder {
            font-size: .3rem;
            color: #CCCCCC;
        }
    }
    li:nth-last-of-type(1) {
        border-bottom: none;
    }
}

.info_tips {
    margin-top: 1.78rem;
    margin-left: .5rem;
    font-size: .24rem;
    color: #808080;
}

.save_info {
    width: 92%;
    margin: .3rem 4%;
    height: 1rem;
    background: #C81528;
    border-radius: .04rem;
    font-size: .32rem;
    color: #FFFFFF;
}

.mui-poppicker-body {
    height: 150px;
}


/*account-balance.html*/

.account {
    padding: .4rem .3rem 0;
    background: white;
    .account_txt {
        font-size: .26rem;
        color: #666666;
    }
    .account_money {
        font-size: 1.28rem;
        color: #C81528;
        letter-spacing: 0;
        line-height: 1.2rem;
        padding-top: .5rem;
        padding-bottom: .54rem;
    }
}


/*charge_money.html*/

.charge {
    background: white;
    margin-top: .3rem;
    padding: .4rem .3rem 0 .3rem;
    .charge_txt {
        font-size: .32rem;
        color: #000000;
    }
    .charge_symbol {
        font-size: .5rem;
        color: #000000;
        line-height: 1.2rem;
        margin-top: .2rem;
        margin-bottom: .24rem;
        input {
            border: none;
            margin: 0;
            padding: 0;
            width: 90%;
        }
         ::-webkit-input-placeholder {
            font-size: .5rem;
            color: #CCCCCC;
        }
         ::-ms-input-placeholder {
            font-size: .5rem;
            color: #CCCCCC;
        }
    }
}

.chrage_txt2 {
    font-size: .32rem;
    color: #000000;
    margin-top: .6rem;
    margin-left: .3rem;
}

.charge_num {
    margin: 0 .3rem;
    div {
        background: #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 1rem;
        width: 2rem;
        height: .64rem;
        text-align: center;
        line-height: .64rem;
        margin-top: .3rem;
        font-size: .32rem;
        color: #000000;
        margin-right: .2rem;
        display: inline-block;
    }
}

.next {
    position: fixed;
    position: -ms-device-fixed;
    width: 92%;
    height: 1rem;
    bottom: .5rem;
    font-size: .32rem;
    color: #FFFFFF;
    background: #DEDEDE;
    border-radius: 2px;
    text-align: center;
    line-height: 1rem;
    right: 3%;
    border: none;
}

.chrageBox {
    position: fixed;
    z-index: 1000;
    background: white;
    width: 100%;
    bottom: 0;
    right: 0;
    height: 8.8rem;
    .box_txt {
        position: relative;
        text-align: center;
        height: .92rem;
        line-height: .92rem;
        padding: 0 .3rem;
        border-bottom: 1px solid #EFEFEF;
        span {
            font-size: .36rem;
            color: #000000;
        }
        img {
            position: absolute;
            width: .28rem;
            height: .28rem;
            right: .32rem;
            bottom: .32rem;
        }
    }
    .box_money {
        margin-top: .5rem;
        font-family: PingFangSC-Medium;
        font-size: .72rem;
        color: #000000;
        margin-bottom: .1rem;
        text-align: center;
    }
    .box_info {
        border-bottom: 1px solid #EFEFEF;
        padding: 0 .3rem;
        line-break: .92rem;
        height: .92rem;
        span:nth-of-type(1) {
            font-size: .3rem;
            color: #999999;
        }
        span:nth-of-type(2);
        font-size: .3rem;
        color: #000000;
    }
    .box_pay {
        position: relative;
        border-bottom: 1px solid #EFEFEF;
        padding: 0 .3rem;
        line-break: .92rem;
        height: .92rem;
        span:nth-of-type(1) {
            font-size: .3rem;
            color: #999999;
        }
        span:nth-of-type(2) {
            font-size: .3rem;
            color: #000000;
            position: absolute;
            right: .8rem;
            bottom: .2rem;
        }
    }
    .pay_btn {
        width: 92%;
        margin: 3rem 4%;
        height: 1rem;
        background: #C81528;
        border-radius: .04rem;
        font-size: .32rem;
        color: #FFFFFF;
    }
}

.chrageBox {
    display: none;
}


/*account-detials.html*/

.headBtn {
    width: 100%;
    padding: 0 .3rem;
    height: .8rem;
    background: white;
    margin-bottom: .3rem;
    .headBtn1 {
        line-height: .8rem;
        div {
            margin-right: .8rem;
            span {
                font-size: .28rem;
                color: #666666;
            }
        }
    }
    .rili {
        width: .36rem;
        height: .36rem;
        line-height: .8rem;
    }
}

.account_det {
    background: white;
    border-bottom: 1px solid #F5F7F6;
    padding: .3rem;
    .det_title {
        span:nth-of-type(1) {
            font-size: .32rem;
            color: #333333;
        }
        span:nth-of-type(2) {
            font-size: .36rem;
            color: #000000;
        }
        .det_add {
            color: #FF8917 !important;
        }
    }
    .det_money {
        font-size: .24rem;
        color: #000000;
    }
    .det_date {
        font-size: .24rem;
        color: #999999;
    }
}

.sel_detDate {
    position: absolute;
    bottom: 240px;
    left: 50%;
    display: none;
}

.MSBox {
    height: 1.32rem;
    width: 100%;
    background: white;
    position: absolute;
    top: .82rem;
    left: 0;
    padding: .3rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    z-index: 100000;
    display: none;
    white-space: nowrap;
    overflow: scroll;
    div {
        display: inline-block;
        width: 2.16rem;
        height: .72rem;
        text-align: center;
        line-height: .72rem;
        font-size: .28rem;
        color: #5C5C5C;
        background: #F5F5F5;
        border-radius: 2px;
        border: none;
        margin: 0 .05rem;
    }
    .btn_active1 {
        color: #FFFFFF;
        background: #FF4B31;
    }
}


/*coupon.html*/

.package_tab {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    padding: 0 .3rem;
    background: #FFFFFF;
    div {
        font-family: PingFangSC-Regular;
        font-size: .3rem;
        color: #999999;
    }
    .btn_active2 {
        font-family: PingFangSC-Medium;
        font-size: .3rem;
        color: #333333;
        border-bottom: 3px solid #C81528;
    }
}

.coupon_use {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F5F7F6;
}

.coupon_q {
    position: relative;
    width: 92%;
    height: 2rem;
    margin: .3rem 4% 0 4%;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    .coupon_name {
        width: 66%;
        text-align: center;
        div:nth-of-type(1) {
            font-family: PingFangSC-Regular;
            font-size: .3rem;
            color: #333333;
        }
        div:nth-of-type(2) {
            font-family: PingFangSC-Regular;
            font-size: .2rem;
            color: #333333;
        }
    }
    .qian {
        width: 34%;
        text-align: center;
        .zi {
            font-family: PingFangSC-Regular;
            font-size: .44rem;
            color: #FF4B31;
            letter-spacing: -1px;
            line-height: .6rem;
        }
        .shu {
            font-family: PingFangSC-Regular;
            font-size: .68rem;
            color: #FF4B31;
            letter-spacing: -1px;
            line-height: .6rem;
        }
    }
    .coupon_tips {
        position: absolute;
        top: 0;
        right: 0;
        width: .94rem;
        height: 1rem;
        img {
            width: .94rem;
            height: 1rem;
        }
        .couponCategory {
            position: absolute;
            top: .2rem;
            left: .12rem;
            color: white;
            transform: rotate(45deg);
            width: .94rem;
            text-align: center;
            font-size: .2rem;
        }
    }
}

.quan {
    background-image: url(../img/coupon_q.png);
    background-size: 100% 2rem;
}

.zhe {
    background-image: url(../img/coupon_z.png);
    background-size: 100% 2rem;
}

.can_use {
    z-index: 1000;
}

.used_active1 {
    color: #CCCCCC !important;
}

.used_active2 {
    color: #CCCCCC !important;
}


/*reward-points.html*/

.points {
    width: 100%;
    height: 3rem;
    background-image: url(../img/point_bg.png);
    background-size: cover;
    text-align: center;
    .score {
        font-family: PingFangSC-Semibold;
        font-size: .6rem;
        color: #FFFFFF;
        letter-spacing: .04rem;
        line-height: .84rem;
        padding-top: .94rem;
    }
    .current {
        margin-top: .32rem;
        opacity: 0.7;
        font-family: PingFangSC-Regular;
        font-size: .26rem;
        color: #FFFFFF;
    }
}

.points_list {
    margin-top: .3rem;
    li {
        padding: 0 .3rem;
        height: 1.28rem;
        border-bottom: 1px solid #EFEFEF;
        background: white;
        .point_name {
            div:nth-of-type(1) {
                font-family: PingFangSC-Regular;
                font-size: .3rem;
                color: #000000;
            }
            div:nth-of-type(2) {
                font-family: PingFangSC-Regular;
                font-size: .3rem;
                color: #999999;
            }
        }
        .point_score {
            font-family: PingFangSC-Regular;
            font-size: .3rem;
            color: #000000;
        }
        .active1 {
            color: #FF8917 !important;
        }
    }
}


/*my-package.html*/

.sel_pack {
    position: relative;
    margin: .16rem .3rem;
    background: white;
    input {
        width: 100%;
        height: .6rem;
        background: #FFFFFF;
        border: 1px solid #EFEFEF;
        border-radius: 4px;
        text-indent: .2rem;
        margin: 0;
        padding: 0;
    }
     ::-webkit-input-placeholder {
        font-size: .28rem;
        font-family: PingFangSC-Medium;
        color: #999999;
        text-indent: .7rem;
    }
     ::-ms-input-placeholder {
        font-size: .28rem;
        font-family: PingFangSC-Medium;
        color: #999999;
         text-indent: .7rem;
    }
    span {
        position: absolute;
        display: inline-block;
        width: .7rem;
        left: .4rem;
        top: 0;
        line-height: .6rem;
        font-size: .28rem;
        color: #999999;
    }
}


/*beforehand_list.html*/

.before_list {
    margin-bottom: 1rem;
    li {
        height: 2.4rem;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #EFEFEF;
        .before_pre {
            height: 2.4rem;
            width: 100%;
            padding: .3rem;
            background: white;
            .before_etc {
                margin-bottom: .1rem;
                div:nth-of-type(1) {
                    font-family: PingFangSC-Medium;
                    font-size: .3rem;
                    color: #808080;
                    letter-spacing: -0.36px;
                }
                div:nth-of-type(2) {
                    font-family: PingFangSC-Regular;
                    font-size: .3rem;
                    color: #808080;
                }
            }
            .before-ku {
                font-family: PingFangSC-Regular;
                font-size: .26rem;
                color: #808080;
            }
            .before_c {
                div {
                    font-family: PingFangSC-Regular;
                    font-size: .26rem;
                    color: #808080;
                }
                div:nth-of-type(1) {
                    margin-bottom: .16rem;
                }
            }
            .before_cao {
                width: 1.2rem;
                height: .56rem;
                text-align: center;
                line-height: .56rem;
                background: #FFFFFF;
                border: 1px solid #E6E6E6;
                border-radius: 2px;
                font-family: PingFangSC-Regular;
                font-size: .26rem;
                color: #C81528;
            }
        }
        .before_next {
            display: none;
            width: 1.2rem;
            background: #C81528;
            line-height: 2.4rem;
            text-align: center;
            font-size: .36rem;
            color: white;
        }
    }
}

.add_perpack {
    text-align: center;
    width: 100%;
    height: 1rem;
    position: fixed;
    bottom: 0;
    right: 0;
    background: white;
    line-height: 1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    img {
        width: .36rem;
        height: .36rem;
        margin-right: .12rem;
    }
    span {
        font-family: PingFangSC-Regular;
        font-size: .32rem;
        color: #C81528;
    }
}


/*fill-in-info.html*/

#add_goods {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F5F7F6;
    z-index: 1000;
}

.fill_list {
    margin-top: .3rem;
    width: 100%;
    padding: 0 .3rem;
    background: white;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    li {
        width: 100%;
        border-bottom: 1px solid #EFEFEF;
        height: 1rem;
        span {
            font-family: PingFangSC-Regular;
            font-size: .3rem;
            color: #000000;
        }
        .fill_in {
            img {
                width: .36rem;
                height: .36rem;
            }
            select {
                line-height: .91rem;
                padding: 0;
                font-family: PingFangSC-Regular;
                font-size: .3rem;
                color: #000000;
                direction: rtl;
                option {
                    text-align: right;
                }
            }
            input {
                width: 4rem;
                line-height: .91rem;
                text-align: right;
                font-family: PingFangSC-Regular;
                font-size: .3rem;
                color: #000000;
                border: none;
                margin: 0;
                padding: 0;
            }
             ::-webkit-input-placeholder {
                font-family: PingFangSC-Regular;
                font-size: .3rem;
                color: #CCCCCC;
            }
             ::-ms-input-placeholder {
                font-family: PingFangSC-Regular;
                font-size: .3rem;
                color: #CCCCCC;
            }
        }
    }
    li:nth-last-of-type(1) {
        border-bottom: none;
        height: auto;
    }
}

.fill_btn {
    position: fixed;
    width: 92%;
    bottom: .3rem;
    right: .3rem;
    height: 1rem;
    border: none;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 1rem;
    .fill_btn_add {
        width: 45%;
        background: #DEDEDE;
        height: 100%;
        border: none;
        color: white;
    }
    .fill_btn_add2 {
        display: none;
        width: 45%;
        background: #FF555C;
        height: 100%;
        border: none;
        color: white;
        position: absolute;
        top: 0;
        left: 0;
    }
    .fill_btn_close {
        width: 45%;
        background: #FF555C;
        height: 100%;
        border: none;
        color: white;
    }
}


/*recevie-package.html*/

.rec_pack1 {
    position: relative;
    margin: .16rem .3rem;
    background: white;
    width: 5rem;
    input {
        width: 100%;
        height: .6rem;
        background: #FFFFFF;
        border: 1px solid #EFEFEF;
        border-radius: 4px;
        margin: 0;
        padding: 0;
    }
     ::-webkit-input-placeholder {
        font-size: .28rem;
        font-family: PingFangSC-Medium;
        color: #999999;
        text-align: center;
    }
     ::-ms-input-placeholder {
        font-size: .28rem;
        font-family: PingFangSC-Medium;
        color: #999999;
        text-align: center;
    }
    span {
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 50%;
        line-height: .6rem;
        margin-left: -.9rem;
        margin-top: -.3rem;
        font-size: .28rem;
        color: #999999;
    }
}

.rec_sel2 {
    display: none;
}

.rec_pack2 {
    position: relative;
    margin: .16rem .3rem;
    background: white;
    width: 5.8rem;
    z-index: 1000;
    input {
        width: 100%;
        height: .6rem;
        background: #FFFFFF;
        border: 1px solid #EFEFEF;
        border-radius: 4px;
        text-indent: .2rem;
        font-size: .28rem;
        border-radius: 4px;
        margin: 0;
        padding: 0;
    }
     ::-webkit-input-placeholder {
        font-size: .28rem;
        font-family: PingFangSC-Medium;
        color: #999999;
        text-indent: .5rem;
    }
     ::-ms-input-placeholder {
        font-size: .28rem;
        font-family: PingFangSC-Medium;
        color: #999999;
        text-indent: .5rem;
    }
    span {
        position: absolute;
        display: inline-block;
        left: .2rem;
        top: 0;
        line-height: .6rem;
        font-size: .28rem;
        color: #999999;
    }
}

.receive_btn {
    line-height: .3rem;
    margin-right: .3rem;
    display: flex;
    display: -webkit-flex;
    img {
        width: .28rem;
        height: .28rem;
        margin-right: .1rem;
    }
    span {
        font-family: PingFangSC-Medium;
        font-size: .26rem;
        color: #0F80FB;
    }
}

.receive_close {
    font-family: PingFangSC-Medium;
    font-size: .32rem;
    color: #0F80FB;
    margin-right: .3rem;
    z-index: 1000;
}

.rec_list {
    li {
        position: relative;
        padding: .3rem;
        border-top: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
        background: white;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        margin-bottom: .1rem;
        .rec_etc {
            div:nth-of-type(1) {
                font-family: PingFangSC-Semibold;
                font-size: .32rem;
                color: #333333;
            }
            div:nth-of-type(2) {
                font-family: PingFangSC-Regular;
                font-size: .28rem;
                color: #808080;
                margin: .14rem 0 .16rem 0;
            }
            div:nth-of-type(3) {
                font-family: PingFangSC-Regular;
                font-size: .28rem;
                color: #808080;
            }
        }
        .rec_right {
            img {
                width: .36rem;
                height: .36rem;
            }
        }
        .rec_btn {
            position: absolute;
            background: #FFFFFF;
            border: 1px solid #808080;
            border-radius: 2rem;
            width: 1.4rem;
            height: .52rem;
            text-align: center;
            line-height: .52rem;
            bottom: .4rem;
            right: .3rem;
        }
        .btn_active3 {
            display: none;
        }
    }
}


/*receive-detial.html*/

.etc_rec {
    width: 100%;
    height: 2rem;
    background-image: url(../img/recevie_bg.png);
    background-size: cover;
    text-align: center;
    .etc_num {
        font-family: PingFangSC-Semibold;
        font-size: .52rem;
        color: #FFFFFF;
        letter-spacing: .04rem;
        padding-top: .5rem;
        line-height: .74rem;
    }
    .etc_txt {
        font-family: PingFangSC-Regular;
        font-size: .28rem;
        color: #FFFFFF;
    }
}

.bill {
    margin-bottom: .3rem;
    span {
        display: inline-block;
        margin: .3rem 0;
    }
    .upload_b {
        height: 1.2rem;
        width: 1.2rem;
    }
    input {
        display: none;
    }
    label {
        display: block;
        height: 1.2rem;
        width: 1.2rem;
        border: .02rem solid #ccc;
        font-size: .4rem;
        text-align: center;
        line-height: 1.16rem;
        color: #ccc;
    }
}

.rec_address {
    padding: .3rem;
    background: white;
    .rec_phone {
        img {
            width: .36rem;
            height: .36rem;
            margin-right: .3rem;
        }
        span {
            font-family: PingFangSC-Semibold;
            font-size: .3rem;
            color: #333333;
        }
    }
    .rec_id {
        font-family: PingFangSC-Regular;
        font-size: .28rem;
        color: #808080;
        margin-left: .7rem;
    }
    .re_adrs {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        div {
            display: inline-block;
        }
        div:nth-of-type(1) {
            width: .7rem;
            height: .28rem;
            background: #C81528;
            border-radius: 2rem;
            text-align: center;
            color: white;
            font-size: .2rem;
        }
        div:nth-of-type(2) {
            font-family: PingFangSC-Regular;
            font-size: .28rem;
            color: #808080;
            line-height: .44rem;
        }
    }
}

.rec_detial1 {
    font-size: 0;
    .rec_title {
        font-family: PingFangSC-Regular;
        font-size: .22rem;
        color: #808080;
        margin: .2rem .3rem;
    }
    .rec_tips {
        width: 100%;
        height: .7rem;
        font-family: PingFangSC-Regular;
        font-size: .24rem;
        color: #4A4843;
        letter-spacing: 0;
        background: #FAF7D8;
        line-height: .7rem;
        padding: 0 .3rem;
    }
    .textarea {
        width: 100%;
        height: 2.3rem;
        border: none;
        font-size: .28rem;
        padding: .3rem;
    }
    .textarea::-webkit-input-placeholder {
        font-family: PingFangSC-Regular;
        font-size: .28rem;
        color: #CCCCCC;
    }
}

.rec_list1 {
    width: 100%;
    background: white;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    li {
        padding: 0 .3rem;
        height: 1rem;
        line-height: 1rem;
        border-bottom: 1px solid #EDEDED;
        span {
            font-family: PingFangSC-Regular;
            font-size: .28rem;
            color: #000000;
        }
    }
    li:nth-last-of-type(1) {
        border-bottom: none;
    }
}

.add_rec {
    text-align: center;
    width: 100%;
    height: .8rem;
    background: white;
    line-height: .8rem;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    img {
        width: .28rem;
        height: .28rem;
        margin-right: .12rem;
    }
    span {
        font-family: PingFangSC-Regular;
        font-size: .24rem;
        color: #FF4B31;
    }
}

.pack_sever {
    border-top: 1px solid #EDEDED;
    margin-top: .3rem;
    p {
        padding: .3rem;
        background: white;
    }
    .pack_llist2 {
        justify-content: flex-start;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        border-bottom: 1px solid #EDEDED;
        background: white;
        li {
            position: relative;
            width: 2.48rem;
            height: 2.24rem;
            text-align: center;
            border: 1px solid #EDEDED;
            border-left: none;
            .sever_img {
                padding-top: .34rem;
                img {
                    width: .8rem;
                    height: .8rem;
                }
            }
            .sever_title {
                justify-content: center;
                -webkit-justify-content: center;
                margin-top: .2rem;
                span {
                    font-family: PingFangSC-Regular;
                    font-size: .24rem;
                    color: #333333;
                    padding-right: .08rem;
                }
                img {
                    width: .2rem;
                    height: .2rem;
                }
            }
            .chargeMoney{
                color: #CFCFCF;
            }
            .sever_intro {
                font-family: PingFangSC-Regular;
                font-size: .2rem;
                color: #808080;
                line-height: .2rem;
            }
            .sever_check {
                position: absolute;
                width: .28rem;
                height: .28rem;
                border: 1px solid #EDEDED;
                top: .1rem;
                left: .1rem;
                img {
                    width: .28rem;
                    height: .28rem;
                }
            }
            .sever_state {
                position: absolute;
                width: .6rem;
                height: .6rem;
                top: 0;
                left: 1.87rem;
                img {
                    width: .6rem;
                    height: .6rem;
                }
                div {
                    position: absolute;
                    top: .14rem;
                    left: .2rem;
                    font-family: PingFangSC-Medium;
                    font-size: .18rem;
                    color: white;
                    letter-spacing: 0.41px;
                    line-height: .2rem;
                    transform: rotate(45deg);
                }
            }
        }
    }
    .card_num {
        display: none;
        background: white;
        padding: 0 .3rem;
        height: .92rem;
        border-bottom: 1px solid #EDEDED;
        .card_name {
            font-family: PingFangSC-Regular;
            font-size: .3rem;
            color: #000000;
        }
        img {
            width: .2rem;
            height: .2rem;
        }
        span {
            display: inline-block;
            padding: .1rem .5rem;
            margin: 0 .2rem;
            background: #F6F6F6;
            text-align: center;
            font-family: PingFangSC-Regular;
            font-size: .3rem;
            color: #000000;
        }
    }
    .pack_llist3 {
        background: white;
        padding: .12rem .3rem;
        border-bottom: 1px dashed #EDEDED;
        border-top: 1px solid #EDEDED;
        li {
            margin: .12rem 0;
            span:nth-of-type(1) {
                font-family: PingFangSC-Regular;
                font-size: .24rem;
                color: #000000;
            }
            span:nth-of-type(2) {
                font-family: PingFangSC-Medium;
                font-size: .24rem;
                color: #000000;
            }
        }
    }
    .pack_total {
        background: white;
        border-bottom: 1px solid #EDEDED;
        height: .82rem;
        padding: 0 .3rem;
        span:nth-of-type(1) {
            font-family: PingFangSC-Regular;
            font-size: .24rem;
            color: #000000;
        }
        span:nth-of-type(2) {
            font-family: PingFangSC-Medium;
            font-size: .24rem;
            color: #FF8917;
        }
    }
}

.channel_sel {
    margin: .3rem 0;
    padding: 0 .3rem;
    background: white;
    height: .3rem;
    position: relative;
    .channel_head {
        font-family: PingFangSC-Regular;
        font-size: .24rem;
        color: #808080;
        padding-top: .26rem;
        padding-bottom: .2rem;
    }
    .fa_channel {
        div {
            align-items: center;
            -webkit-align-items: center;
            .fa_img {
                width: .32rem;
                height: .32rem;
                margin-right: .2rem;
            }
            .fa_title {
                font-family: PingFangSC-Regular;
                font-size: .3rem;
                color: #333333;
            }
            .fa_tips {
                width: .2rem;
                height: .2rem;
                margin-left: .1rem;
            }
        }
    }
}

.channel_box {
    display: none;
    position: absolute;
    min-width: 3rem;
    max-width: 60%;
    right: 1rem;
    top: 1rem;
    border: 1px solid #EDEDED;
    background: white;
    z-index: 1000;
    background: #F0F0F0;
    border-radius: .24rem;
    -moz-box-shadow: 10px 10px 14px #0B1B33;
    -webkit-box-shadow: 10px 10px 14px #0B1B33;
    box-shadow: 10px 10px 14px #0B1B33;
    .channel_title {
        font-family: PingFangSC-Regular;
        font-size: .3rem;
        color: #333333;
        min-width: 2rem;
        padding: .2rem .3rem;
        word-wrap: break-word;
        word-break: break-all;
        border-bottom: 1px solid #DEDEDE;
        border-radius: .24rem;
    }
    .ch_active1 {
        background: #3D9CFA;
    }
}

.pack_check {
    margin-top: .5rem;
    .chckbox {
        a {
            font-family: PingFangSC-Regular;
            font-size: .26rem;
            color: #808080;
            span {
                color: #36A6F5;
            }
        }
    }
}

.pack_btn1 {
    width: 92%;
    height: 1rem;
    margin: 0 4% 4% 4%;
    background: #C81528;
    border-radius: .04rem;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #FFFFFF;
    border: none;
}

.img1 {
    position: relative;
    display: inline-block;
    margin-right: .2rem;
    margin-bottom: .2rem;
    img:nth-of-type(1) {
        width: 1.2rem;
        height: 1.2rem;
    }
    img:nth-of-type(2) {
        position: absolute;
        width: .4rem;
        height: .4rem;
        top: 0;
        left: .85rem;
    }
}

.package_tips_box {
    display: none;
    width: 5.4rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -2.7rem;
    margin-top: -4rem;
    background: white;
    z-index: 1000;
    border-radius: .24rem;
    .package_tips_txt {
        padding: .4rem .3rem .89rem;
    }
    .package_tips_btn {
        border-top: 1px solid #D3D3D3;
        height: .87rem;
        text-align: center;
        line-height: .87rem;
        font-family: PingFangSC-Regular;
        font-size: .34rem;
        color: #0F80FB;
    }
}

.package_tips_rule {
    display: none;
    width: 5.4rem;
    position: fixed;
    top: .6rem;
    left: 50%;
    margin-left: -2.7rem;
    background: white;
    z-index: 1000;
    border-radius: .24rem;
    .package_tips_txt {
        width: 100%;
        padding: .4rem .3rem .89rem;
        .tips_rule_title {
            font-family: PingFangSC-Medium;
            font-size: .34rem;
            color: #000000;
            letter-spacing: -0.41px;
            text-align: center;
            margin-bottom: .3rem;
        }
        .tips_rule_txt {
            p {
                font-family: PingFangSC-Regular;
                font-size: .26rem;
                color: #4D4D4D;
                letter-spacing: 0;
                line-height: .4rem;
                margin-bottom: .2rem;
            }
        }
        .rule_table {
            overflow: scroll;
            height: 4rem;
            table {
                border: 1px solid #D6E5EB;
                width: 11.85rem;
                tr {
                    th {
                        background: #EBF2F5;
                        width: 1.2rem;
                        height: .68rem;
                        font-family: PingFangSC-Regular;
                        font-size: .2rem;
                        color: #0F80FB;
                    }
                    th:nth-of-type(1) {
                        width: 2.2rem;
                        text-align: left;
                        padding-left: .2rem;
                    }
                    th:nth-last-of-type(1) {
                        width: 1.6rem;
                    }
                    th:nth-last-of-type(2) {
                        width: 1.6rem;
                    }
                    th:nth-last-of-type(3) {
                        width: 1.6rem;
                    }
                    td {
                        font-family: PingFangSC-Regular;
                        font-size: .2rem;
                        color: #4D4D4D;
                        width: 1.2rem;
                        height: .48rem;
                        padding-left: .1rem;
                    }
                    td:nth-of-type(1) {
                        width: 2.2rem;
                    }
                    td:nth-last-of-type(1) {
                        width: 1.6rem;
                    }
                    td:nth-last-of-type(2) {
                        width: 1.6rem;
                    }
                    td:nth-last-of-type(3) {
                        width: 1.6rem;
                    }
                }
            }
        }
    }
    .package_tips_btn {
        border-top: 1px solid #D3D3D3;
        height: .87rem;
        text-align: center;
        line-height: .87rem;
        font-family: PingFangSC-Regular;
        font-size: .34rem;
        color: #0F80FB;
    }
}

.pre_list {
    margin-bottom: .3rem;
    background: white;
    .pre_head {
        padding: .26rem .3rem .2rem .3rem;
        .pre_tips {
            font-family: PingFangSC-Regular;
            font-size: .24rem;
            color: #808080;
        }
        .pre_addTr {
            font-family: PingFangSC-Medium;
            font-size: .28rem;
            color: #0F80FB;
            letter-spacing: 0;
            line-height: .28rem;
        }
    }
    .pre_table {
        margin: 0 .2rem;
        padding-bottom: .3rem;
        table {
            width: 100%;
            border: 1px solid #D8E5EB;
            th {
                background: #ECF2F5;
                font-family: PingFangSC-Regular;
                font-size: .24rem;
                color: #0F80FB;
                text-align: left;
                padding-left: .2rem;
                height: .72rem;
            }
            th:nth-of-type(1) {
                width: 28%;
            }
            th:nth-of-type(2) {
                width: 28%;
            }
            th:nth-of-type(3) {
                width: 13%;
            }
            th:nth-of-type(4) {
                width: 18%;
            }
            th:nth-of-type(5) {
                width: 13%;
            }
        }
        tr {
            td {
                height: .72rem;
                font-family: PingFangSC-Regular;
                font-size: .24rem;
                color: #000000;
                text-align: left;
                padding-left: .2rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            td:nth-of-type(1) {
                width: 28%;
            }
            td:nth-of-type(2) {
                width: 28%;
            }
            td:nth-of-type(3) {
                width: 13%;
            }
            td:nth-of-type(4) {
                width: 18%;
                text-align: center;
                font-family: PingFangSC-Regular;
                font-size: .24rem;
                color: #29CA41;
            }
            td:nth-of-type(5) {
                width: 13%;
                text-align: center;
                .pre_del {
                    font-family: PingFangSC-Regular;
                    font-size: .24rem;
                    color: #808080;
                }
            }
        }
    }
}

.pre_listF {
    display: block;
    .pre_tips {
        font-family: PingFangSC-Medium;
        font-size: .28rem;
        color: #D0021B !important;
        line-height: 14px;
        border-left: 3px solid #D0021B;
    }
}

.pre_listH {
    display: none;
    margin-top: .3rem;
}
.kong{
    display: none;
    text-align: center;
    font-size: .6rem;
    margin-top: .6rem;
    color: #DCDCDC;
}
